<script>
  import StoreChild from "./StoreChild.svelte";
  // 注意：虽然在定义count时，是一个数值，但是这里导出后是一个对象
  import { count, person, message } from "./store";
  // 在组件内部定义一个变量，用于接收这个全局变量
  let countValue;
  let personValue;
  let messageValue;
  // 订阅count，当它有变化时，执行一个回调
  count.subscribe((value) => {
    // 将value赋值给countValue
    countValue = value;
  });
  person.subscribe((value) => {
    personValue = value;
  });
  message.subscribe((value) => {
    messageValue = value;
  });
</script>

<main>
  全局属性count：{countValue}
  <StoreChild />
  <p>person.name：{personValue.name}</p>
  <p>person.age：{personValue.age}</p>
  <p>message：{messageValue}</p>
</main>
